// 首页-业务模块
console.log( '首页-业务模块。。。' )

// webpack中可以使用Commonjs和ES模块语法
// let axios = require('axios')
import axios from "axios"

// 保存当前页面地址
localStorage.setItem('page_url',location.href)

// 获取token
let token = localStorage.getItem('token')

let tologin = document.querySelector('.tologin')
let toregister = document.querySelector('.toregister')
let username = document.querySelector('.username')

// 判断是否已登录
axios({
    method: 'get',
    url: 'http://localhost:8080/users/islogin',
    headers: {
        // 在请求头携带token到后端
        authorization: token
    }
})
.then((res)=>{
    let {data} = res
    if (data.code === 1) {
        // 已登录 隐藏 登录 注册 按钮
        tologin.style.display = 'none'
        toregister.style.display = 'none'
        // 显示已登录的账号
        username.innerText = data.data.user
    }
})

// 点击展开下拉菜单
let menu2 = document.querySelector('.menu2')
username.onclick = function (e){
    e.stopPropagation()// 阻止事件传播
    menu2.style.display = 'block'
}
document.onclick = function (){
    menu2.style.display = 'none'
}

// 退出登录
let logout = document.querySelector('.logout')
logout.onclick = function (){
    // 删除本地的token
    localStorage.removeItem('token')
    alert('退出成功！')
    location.reload()
}